<div class="main-container" id="main-container">
    <input type="hidden" value="${orderInfo.orderNo}" ref="orderNo">
    <div class="main-container-inner">

        <#include "backend/common/page/sidebar.html"/>

        <div class="main-content">

            <div class="page-content">
                <div class="page-header">
                    <h1>
                        订单列表
                    </h1>
                </div><!-- /.page-header -->

                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1">
                        <div class="widget-box transparent invoice-box">
                            <div class="widget-header widget-header-large">
                                <h3 class="grey lighter pull-left position-relative">
                                    <i class="icon-leaf green"></i>
                                    订单详情
                                </h3>
                                <div class="widget-toolbar no-border invoice-info">
                                    <span class="invoice-info-label">支付时间:</span>
                                    <span class="blue">${orderInfo.paymentTime?datetime}</span>
                                </div>

                            </div>

                            <div class="widget-body">
                                <div class="widget-main padding-24">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="row">
                                                <div class="col-xs-11 label label-lg label-info arrowed-in arrowed-right">
                                                    <b>订单信息</b>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <ul class="list-unstyled spaced">
                                                    <li>
                                                        <i class="icon-caret-right blue"></i>
                                                        订单号: ${orderInfo.orderNo}
                                                    </li>

                                                    <li>
                                                        <i class="icon-caret-right blue"></i>
                                                        订单价格：￥ ${orderInfo.payment}
                                                    </li>
                                                    <li>
                                                        <i class="icon-caret-right blue"></i>
                                                        订单状态：${orderInfo.orderStatus}
                                                    </li>
                                                    <li>
                                                        <i class="icon-caret-right blue"></i>
                                                        取货码:
                                                        <b class="red">
                                                            <#if orderInfo.getKey == NULL >
                                                                尚未接受此订单，无取货码
                                                            </#if>
                                                            ${orderInfo.getKey}
                                                        </b>
                                                    </li>
                                                    <li>
                                                        <i class="icon-caret-right blue"></i>
                                                        拒绝理由:
                                                        <b class="red">
                                                            <#if orderInfo.refuseReason == NULL >
                                                                尚未拒绝此订单，无拒绝理由
                                                            </#if>
                                                            ${orderInfo.refuseReason}
                                                        </b>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div><!-- /span -->

                                        <div class="col-sm-6">
                                            <div class="row">
                                                <div class="col-xs-11 label label-lg label-success arrowed-in arrowed-right">
                                                    <b>顾客信息</b>
                                                </div>
                                            </div>

                                            <div>
                                                <ul class="list-unstyled  spaced">
                                                    <li>
                                                        <i class="icon-caret-right green"></i>
                                                        昵称: ${orderInfo.username}
                                                    </li>

                                                    <li>
                                                        <i class="icon-caret-right green"></i>
                                                        手机：${orderInfo.userPhone}
                                                    </li>

                                                    <li>
                                                        <i class="icon-caret-right green"></i>
                                                        邮箱：${orderInfo.userEmail}
                                                    </li>
                                                </ul>
                                            </div>
                                        </div><!-- /span -->
                                    </div><!-- row -->

                                    <div class="space"></div>

                                    <div>
                                        <table class="table table-striped table-bordered">
                                            <thead>
                                            <tr>
                                                <th class="center">文件名</th>
                                                <th data-v-715e15c5>单双页</th>
                                                <th data-v-715e15c5>类型</th>
                                                <th data-v-715e15c5>尺寸</th>
                                                <th data-v-715e15c5>数量</th>
                                                <th data-v-715e15c5>价格</th>
                                                <th data-v-715e15c5>下载</th>
                                                <th data-v-715e15c5>备注</th>
                                            </tr>
                                            </thead>

                                            <tbody>
                                            <#list orderInfo.orderVoList as order>
                                                <input type="hidden" ref="fileName" value="${order.fileName}">
                                                <tr>
                                                    <td class="center">${order.fileName}</td>
                                                    <td class="center">${order.singleOrDouble}</td>
                                                    <td class="center">${order.colorOrBlack}</td>
                                                    <td>
                                                        <a href="#">${order.pageSize}</a>
                                                    </td>
                                                    <td class="hidden-xs">
                                                        ${order.fileQuantity} 份
                                                    </td>
                                                    <td class="hidden-480">￥ ${order.orderPrice}</td>
                                                    <td class="hidden-480"><a href="/store/file/download?file=${order.fileNewName}&orderNo=${orderInfo.orderNo} ">点击下载</a></td>
                                                    <td class="hidden-xs">
                                                        <#if orderInfo.refuseReason == NULL >
                                                            无
                                                        </#if>
                                                        ${order.userDesc}
                                                    </td>
                                                </tr>
                                            </#list>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="hr hr8 hr-double hr-dotted"></div>

                                    <div class="row">
                                        <div class="col-sm-5 pull-right">
                                            <div class="pull-right">
                                                <#if orderInfo.orderStatus == "已付款" >
                                                    <button class="btn btn-success" @click="handleAcceptOrder">接受订单</button>
                                                    <button class="btn btn-danger" @click="handleRefuseOrder">拒绝订单</button>
                                                </#if>
                                            </div>
                                        </div>
                                    </div>

                                    <div :class="{show: getKeyItem}" class="modal getKey"  tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" @click="handleGetKeyItemClose" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                    <h4 class="modal-title" id="gridSystemModalLabel">设置取货码</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="row">
                                                        <div class="col-sm-9">
                                                            设置取款码通知用户取货，如：12-5-8（12号架5层8号文件）：
                                                            <div class="row">
                                                                &nbsp;
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xs-2 col-sm-2">

                                                                </div>
                                                                <div class="col-xs-10 col-sm-8">
                                                                    请输入取货码：<input type="text" v-model="getKey"  id="inputInfo" class="width-60">
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-primary" @click="handleGetFileCLick">通知取货</button>
                                                    <button type="button" class="btn btn-default" @click="handleGetKeyItemClose" data-dismiss="modal">关闭</button>
                                                </div>
                                            </div><!-- /.modal-content -->
                                        </div><!-- /.modal-dialog -->
                                    </div><!-- /.modal -->

                                    <div :class="{show: refuseItem}" class="modal getKey"  tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" @click="handleRefuseItemClose" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                    <h4 class="modal-title" >选择拒绝原因</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="row">
                                                        <div class="col-xs-12 col-sm-6">
                                                            <div class="control-group" ref="radios">
                                                                <label class="control-label bolder blue">请选择拒绝打印的原因：</label>

                                                                <div class="radio">
                                                                    <label>
                                                                        <input name="form-field-radio" class="radioItem" value="违反道德" type="radio" class="ace">
                                                                        <span class="lbl"> 违反道德 </span>
                                                                    </label>
                                                                </div>

                                                                <div class="radio">
                                                                    <label>
                                                                        <input name="form-field-radio" class="radioItem" value="色情违法" type="radio" class="ace">
                                                                        <span class="lbl"> 色情违法 </span>
                                                                    </label>
                                                                </div>

                                                                <div class="radio">
                                                                    <label>
                                                                        <input name="form-field-radio" class="radioItem" value="暂时停业" type="radio" class="ace">
                                                                        <span class="lbl"> 暂时停业 </span>
                                                                    </label>
                                                                </div>

                                                                <div class="radio">
                                                                    <label>
                                                                        <input name="form-field-radio" class="radioItem" value="无法打印" type="radio" class="ace">
                                                                        <span class="lbl"> 无法打印 </span>
                                                                    </label>
                                                                </div>

                                                                <div class="radio">
                                                                    <label>
                                                                        <input name="form-field-radio"  class="radioItem" value="其他原因" type="radio" class="ace">
                                                                        <span class="lbl"> 其他原因 </span>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-primary" @click="handleRefuseUserCLick">通知用户</button>
                                                    <button type="button" class="btn btn-default" @click="handleRefuseItemClose" data-dismiss="modal">关闭</button>
                                                </div>
                                            </div><!-- /.modal-content -->
                                        </div><!-- /.modal-dialog -->
                                    </div><!-- /.modal -->

                                </div>
                            </div>
                        </div>
                    </div>


                </div><!-- /.row -->

            </div>
        </div>

    </div><!-- /.main-container-inner -->

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="icon-double-angle-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->